<script lang="ts" setup>
import { useAttrs } from 'vue';
import Logo from '@/assets/images/logo.png';
import LoginLogo from '@/assets/images/login/logo.png';

interface Props {
  type?: 'logo' | 'login';
}

defineOptions({ name: 'SystemLogo' });
withDefaults(defineProps<Props>(), {
  type: 'logo'
});

const attrs = useAttrs();
</script>

<template>
  <img v-if="type === 'login'" :src="LoginLogo" v-bind="attrs" />
  <img v-if="type === 'logo'" :src="Logo" v-bind="attrs" />
</template>

<style scoped></style>
